<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8">
	</head>
	<style type="text/css">
		body, body * {
			cursor:crosshair;
			cursor:url(cur/dot.cur), url(cur/nop.cur), crosshair
		}
		body {
			font-family:Verdana,Arial,Tahoma;
			margin:0;padding:0;
			background-color:#EED;
			width:100%;
			height:100%;
			overflow:hidden;
			}
		#arrow {
			border:0px solid red;
			width:656px;
			height:1031px;
			position:fixed;
			background:no-repeat;
}
		#out {
			margin:0 auto;
			border-radius:32px;
			border:8px solid #DDD;
			background:#EEE;
			padding:8px;
			width:800px;
			height:4000px;
			overflow:visible}
		#txt {
			position:absolute;
			right:0;
			top:0;
		}
	</style>
	<script type="text/javascript">
	var arr;
	var addEvent, getXY;
	var bip=[];

	function onld() {
		var cur = new Image();
		cur.src = "s/arr960.png";
		arr = document.getElementById("arrow");
		arr.style.backgroundImage = "url(s/arr720.png)";
		arr.style.backgroundPosition = "0 -9px";
		
		if (window.addEventListener) {
			addEvent = function(e,t,h){
				e.addEventListener(t,h,false);
			};
			getXY = function(e) {
				return {"x":(e.pageX),"y":(e.pageY)};
			};
		}
		else if (window.attachEvent) {
			addEvent = function(e,t,h){
				e.attachEvent("on"+t,h);
				e = null;
			};
			getXY = function(e) {
				return {"x":(e.clientX + document.body.scrollLeft),"y":(e.clientY + document.body.scrollTop)};
			};
		}
		else {
			return false;
		}
		for (var i=0; i<4; i++) {
			var snd = new Audio("au/bipbip"+i+".ogg");
			bip[i] = snd;
		}
		start();
	}
	var a = 0;
	function onovr(ev) {
		if (a < 3) {
			a++;
		//	alert(ev);
		}
		ev = ev || window.ev;
		var XY = getXY(ev);
		var x = XY.x;
		var y = XY.y;
		var arr = document.getElementById("arrow");
		arr.style.left = ev.clientX + "px";
		arr.style.top = ev.clientY + 1 + "px";
		document.getElementById("txt").innerText = "pos:" + x + ":" + y;
	}
	var bFirst = true;
	function bipbip() {
		if (!bFirst && Math.random() > 0.1) {
			return;
		}
		bFirst = false;
		var snd = bip[Math.floor(Math.random()*4)];//null;
//		var i = 0;
//		while (!snd && i < 4) {
//			if (bip[i].ended || bip[i].paused) {
//				snd = bip[i];
//			}
//			i++;
//		}
//		if (!snd) {
//			snd = bip[0];
//			snd.pause();
//			snd.currentTime = 0;
//		}
		snd.play();
	}
	</script>
	<body onload="onld()" id="body">
	<div id="out">
		<div><h1>Нереальная стрелка!</h1>
		<h2>закрытое бета-тестирование</h2>
		<p>Вы были приглашены ...</p>
		<img src="s/strelka.jpg" width="400" height="300" alt="ПереСтрелка" /><br />
		<h2>Что это такое?</h2>
		<p>123</p>
		<h2>Зачем мне это надо?</h2>
		<p>123</p>

		<h2>Опробовать Стрелку в действии!</h2>
		<p>123</p>

		<h2>Преимущества</h2>
		<p>123</p>
		<h2>Пользуйтесь подлинной Стрелкой!</h2>
		<p>123</p>
		<h2>Но это ещё не всё!</h2>
		<p>123</p>
		<h2>Сколько же это стоит?</h2>
		<p>123</p>
		<h2>Но и это ещё не всё!</h2>
		<p>123</p>
		<h2>Оставайтесь с нами!</h2>
		<p>123</p>
		<h2>Но это ещё не всё!</h2>
		<p>123</p>
		<h2>Но это ещё не всё!</h2>
		<p>123</p>
Currently not working for me at all. <a href="#">After I hit play</a>, screen goes black and nothing comes up.

You're not the first person to mention this. This is why I need people to test it! Have you tried either going back, hitting play again, or restarting the app? If neither of these work, you could try to reinstall the app. I believe I have found the problem, but I need to do a bit more testing.

edit: turns out it has something to do with the music, and there's nothing I can do about it. webOS's implementation of the html5 audio tag is iffy, and doesn't always work. The best workaround I can think of is to default back to no music if there is an issue (so you can still play the game), and then alert the user to try uninstalling and reinstalling the app, because that's the only fix that seems to work.

The other options would be to make a hybrid app, which is not an option for me at this point.<br />
<input type="button" value="123!!!" width="200" height="80"/><br />
<input type="checkbox" id=""> box0<br />
<input type="checkbox" id=""> box1<br />
<input type="radio" id=""> rad<br />
<input type="radio" id=""> yaya
</div>
	</div>

	<div id="arrow"></div>
	<div id="txt">123</div>
	<script type="text/javascript">
		function start() {
			addEvent(document.getElementById("body"), "mousemove", function(ev) {
				onovr(ev);
			});
			addEvent(document.getElementById("body"), "click", function(ev) {
				bipbip();
			});
		}
	</script>
	</body>
</html>